<template>
    <div>
        <div class="page-infinite-list" infinite-scroll-disabled=loading infinite-scroll-distance=distance>
            <slot></slot>
        </div>
        <p v-show="loading" class="page-infinite-loading">
            <mt-spinner type="fading-circle"></mt-spinner>
            加载中...
        </p>
    </div>
</template>
<style lang="less" scoped>

</style>
<script>
    export default{
        props:{
            loading:{
                type: Boolean,
                default: false
            },
            distance:{
                type:String,
                default: "50"
            }
        },
        data(){
            return{

            }
        },
        components:{

        },
        mounted(){

        }
    }
</script>
